<template>
  <view class="container">
    <view class="log-list">
      <view class="log-item">
        <view class="item-left flex-box">
          <view class="rec-status">
            <text>描述</text>
          </view>
          <view class="rec-time">
            <text>创建时间</text>
          </view>
        </view>
        <view class="item-right col-green">
          <text>+111</text>
        </view>
        <view class="item-right col-6">
          <text>111</text>
        </view>
      </view>
      <view class="log-item">
        <view class="item-left flex-box">
          <view class="rec-status">
            <text>描述</text>
          </view>
          <view class="rec-time">
            <text>创建时间</text>
          </view>
        </view>
        <view class="item-right col-green">
          <text>+111</text>
        </view>
        <view class="item-right col-6">
          <text>111</text>
        </view>
      </view>
      <view class="log-item">
        <view class="item-left flex-box">
          <view class="rec-status">
            <text>描述</text>
          </view>
          <view class="rec-time">
            <text>创建时间</text>
          </view>
        </view>
        <view class="item-right col-green">
          <text>+111</text>
        </view>
        <view class="item-right col-6">
          <text>111</text>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  components: {},
  data () {
    return {
      // 充值记录
    }
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad (options) {},

  methods: {}
}
</script>

<style lang="scss" scoped>
page,
.container {
  background: #fff;
}

.log-list {
  padding: 0 30rpx;
}

.log-item {
  font-size: 28rpx;
  padding: 20rpx 20rpx;
  line-height: 1.8;
  border-bottom: 1rpx solid rgb(238, 238, 238);
  display: flex;
  justify-content: center;
  align-items: center;
}

.rec-status {
  color: #333;

  .rec-time {
    color: rgb(160, 160, 160);
    font-size: 26rpx;
  }
}
</style>
